<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>唯意小舍工作室</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--banner引用-->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.luara.0.0.1.min.js"></script>

</head>

<body>

<!--top-->
<div class="dh The_total">
	<div class="The_total1000">
    	<img src="images/logo.png" />
        <div class="menu navul " id="nav">
     <ul>
   		<li><a href="index.html" class="left nav" >首页</a></li>
        <li><a href="pc.html" class="left nav" target="_blank">PC页</a></li>
        <li><a href="pm.html" class="left nav" target="_blank">平面</a></li>
        <li><a href="ydd.html" target="_blank" class="left nav">移动端</a></li>
        <li><a href="ht.html" class="left nav" target="_blank">HTML</a></li>
        <li><a href="web.html" class="left nav" target="_blank">Web站</a></li>
        <li><a href="sjmt.html" class="left nav" target="_blank">社交媒体</a></li>
        <li><a href="me.html" class="left nav" target="_blank">关于自己</a></li>
     
        </ul>
        <div class="nav-act " style="left:0;transition: all 0.5s linear 0s; transform: skew(0deg);"></div>
        </div>
        <dd class="clear"></dd>
    </div>
</div>


<!--banner-->
<div class="The_total">
   <div class="example">
        <ul>
            <li><img src="images/ban-01.jpg" alt="1"/></li>
            <li><img src="images/ban-02.jpg" alt="2"/></li>
            <li><img src="images/ban-03.jpg" alt="3"/></li>
            
        </ul>
        <ol>
            <li></li>
            <li></li>
            <li></li>
            
        </ol>
    </div>
    
 </div>   
    <!--Luara图片切换骨架end-->
    <script>
    $(function(){
        <!--调用Luara示例-->
        $(".example").luara({width:"1920",height:"480",interval:4000,selected:"seleted"});

    });
    </script>

<!--内容-->
<div class="The_total">
	<div class="The_total1000 what">
        <h2 class="wow fadeInDown tybt animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInDown;">我们能做什么</h2>
        <img class="wow fadeInDown animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;" src="images/what.png" />
        <div class="wow bounceInLeft" data-wow-delay="1s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
        	<img  src="images/what-1.png"/>
            <h3>Web端设计</h3>
            <p>整站设计 专题页设计</p>
            
        </div>
        <div class="wow bounceInLeft" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
        	<img  src="images/what-2.png"/>
            <h3>移动端</h3>
            <p>专题页、社交媒体、H5页面</p>
            
        </div>
        <div class="wow bounceInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
        	<img  src="images/what-3.png"/>
            <h3>平面设计</h3>
            <p>书籍封面 海报 易拉宝</p>
            
        </div>
        <div class="wow bounceInLeft" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
        	<img  src="images/what-4.png"/>
            <h3>APP</h3>
            <p>高保真原型图 切图 icon</p>
            
        </div>
        <div class="wow bounceInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
        	<img  src="images/what-5.png"/>
            <h3>HTML</h3>
            <p>切图 静态页制作</p>
            
        </div>
        <dd class="clear"></dd>
    </div>
</div>

<!--cases-->、
<!--网页-->
<div class="The_total cases_box">
	<div class="The_total1000">
        <h2 class="wow fadeInDown tybt animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInDown;">案例展示</h2>
        <img class="wow fadeInDown animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;" src="images/cases.png" />
        <h3 class="wow fadeInLeftBig animated" data-wow-delay="0.2s" style="margin-left:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeftBig;"><span>&nbsp;</span>&nbsp;网页设计</h3>
        <div class="cases" >
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-ky.html" target="_blank"><img src="images/1wy-1.jpg" /></a>
                </li>
            	<a href="3-ky.html" target="_blank">考研专题页</a>
            </ul>
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-mba.html" target="_blank"><img src="images/1wy-2.jpg" /></a>
                </li>
            	<a href="3-mba.html" target="_blank">MBA联考笔试</a>
            </ul>
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-mpacc.html" target="_blank"><img src="images/1wy-3.jpg" /></a>
                </li>
            	<a href="3-mpacc.html" target="_blank">Mpacc页面</a>
            </ul>
            <dd class="clear"></dd>
		</div>
        <div class="cases" >
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-tdxl.html" target="_blank"><img src="images/1wy-4.jpg" /></a>
                </li>
            	<a href="3-tdxl.html" target="_blank">同等学力</a>
            </ul>
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-bim.html" target="_blank"><img src="images/1wy-5.jpg" /></a>
                </li>
            	<a href="3-bim.html" target="_blank">优路MIB</a>
            </ul>
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-ztjx.html" target="_blank"><img src="images/1wy-6.jpg" /></a>
                </li>
            	<a href="3-ztjx.html" target="_blank">考研专题页</a>
            </ul>
            <dd class="clear"></dd>
		</div>
        
    </div>
</div>

<!--平面-->

<div class="The_total ">
	<div class="The_total1000 cases_pm">
   <h3 class="wow fadeInLeftBig animated" data-wow-delay="0.2s" style="margin-left:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeftBig;"><span>&nbsp;</span>&nbsp;平面设计</h3>
	<div >
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-ylb1.html" target="_blank"><img src="images/1pm-2.jpg" /></a>
                </li>
            	<a href="3-ylb1.html" target="_blank">精英榜易拉宝</a>
            </ul>
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-ylb2.html" target="_blank"><img src="images/1pm-1.jpg" /></a>
                </li>
            	<a href="3-ylb2.html" target="_blank">社区活动</a>
            </ul>
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-hb1.html" target="_blank"><img src="images/1pm-3.jpg" /></a>
                </li>
            	<a href="3-hb1.html" target="_blank">招生单页</a>
            </ul>
            <dd class="clear"></dd>
		</div>
        <div >
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-hb2.html" target="_blank"><img src="images/1pm-4.jpg" /></a>
                </li>
            	<a href="3-hb2.html" target="_blank">宣传海报</a>
            </ul>
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-zj.html" target="_blank"><img src="images/1pm-5.jpg" /></a>
                </li>
            	<a href="3-zj.html" target="_blank">招生简章</a>
            </ul>
            <ul class="wow bounceIn" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: bounceIn;">
                <li>
                	<a href="3-xcc.html" target="_blank"><img src="images/1pm-6.jpg" /></a>
                </li>
            	<a href="3-xcc.html" target="_blank">企业宣传册</a>
            </ul>
            <dd class="clear"></dd>
		</div>

    </div>
</div>

<!--移动端-->
<div class="The_total ">
	<div class="The_total1000 cases_yd">
   <h3 class="wow fadeInLeftBig animated" data-wow-delay="0.2s" style="margin-left:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeftBig;"><span>&nbsp;</span>&nbsp;移动端</h3>
	<div >
            <ul class="wow fadeInLeftBig animated" data-wow-delay="0.4s" style="margin-left:0;visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeftBig;">
                <li>
                	<a href="3-h5.html" target="_blank"><img src="images/1yd-1.jpg" /></a>
                </li>
            	<a href="3-h5.html" target="_blank">考研H5</a>
            </ul>
            <ul class="wow fadeInUpBig animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUpBig;">
                <li>
                	<a href="3-APP.html" target="_blank"><img src="images/1yd-2.jpg" /></a>
                </li>
            	<a href="3-APP.html" target="_blank">悦耳APP</a>
            </ul>
            <ul class="wow fadeInRightBig animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInRightBig;">
                <li>
                	<a href="3-msyd.html" target="_blank"><img src="images/1yd-3.jpg" /></a>
                </li>
            	<a href="3-msyd.html" target="_blank">考研移动页</a>
            </ul>
            <dd class="clear"></dd>
		</div>
    </div>
</div>
<!--媒体-->
<div class="The_total ">
	<div class="The_total1000 cases_mt">
   <h3 class="wow fadeInLeftBig animated" data-wow-delay="0.2s" style="margin-left:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeftBig;"><span>&nbsp;</span>&nbsp;社交媒体</h3>
	<div >
            <ul class="wow bounceInRight" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: none;">
                <li>
                	<a href="3-ylv.html" target="_blank"><img src="images/1sj-1.jpg"/></a>
                </li>
            	<a href="3-ylv.html" target="_blank">有律发条君</a>
            </ul>
            <ul class="wow bounceInRight" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: none;">
                <li>
                	<a href="3-dcw.html" target="_blank"><img src="images/1sj-2.jpg" /></a>
                </li>
            	<a href="3-dcw.html" target="_blank">单词王挑战赛</a>
            </ul>
            <ul class="wow bounceInRight" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: none;">
                <li>
                	<a href="3-pyq.html" target="_blank"><img src="images/1sj-3.jpg"/></a>
                </li>
            	<a href="3-pyq.html" target="_blank">朋友圈封面</a>
            </ul>
            <dd class="clear"></dd>
		</div>
    </div>
</div>


<!--联系我们-->
<div class="wow fadeIUp animated The_total lxw" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;" >
	<div class="The_total1000">
    	<img  src="images/wx.jpg"/>
        <div>
        	<img src="images/hsdh.png" />
            <p>电话：17731070358<br />
                邮箱：1757735758@qq.com<br />
                作品链接：http://wysj8.gitee.io/exhibition_of_works/
                
                
             </p>
        </div>
        <dd class="clear"></dd>
   </div>
</div>




<div class="wow fadeIUp animated The_total dbxx" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;" >
	<div class="The_total1000">
		<img  src="images/dbgy.png"/>
        <p>设计制作、代码编辑来源于刘静杰，本站仅用于面试作品展示</p>	
   </div>
</div>

<!--效果-->
<link href="css/animate.css"type="text/css" rel="stylesheet">
<script src="js/wow.js"></script>
<script src="js/main.js"></script>
<script>
    new WOW().init();
</script>
<script>
    //navHover
    $(".navul").mouseleave(function(){
        goback(0);
    });
    //series
    $(".series").hover3d({
        selector: ".ss__card",
        sensitivity:80,
        shine: false,
    });
</script>
</body>
<!--banner引用-->



</html>
